<template>
  <!-- 首页顶部导航栏 -->
  <view class="navbar">
    <view class="logo">
      <view class="image">
        <image class="logo-image" src="@/static/logo/logo.png"> </image>
      </view>
      <view class="eng"> CHUN FEN BAN XIA </view>
      <view class="text"> 春风伴夏 </view>
    </view>
    <view class="app-name"> 春风伴夏 </view>
  </view>
</template>

<script setup lang="ts">
//安全适配区
const { safeAreaInsets } = uni.getSystemInfoSync()
</script>

<style scoped lang="scss">
.navbar {
  height: 180rpx;
  background-color: rgba(248, 248, 248, 0.938);

  .logo {
    display: flex;

    .logo-image {
      width: 64.58rpx;
      height: 64.58rpx;
      position: absolute;
      top: 11.81rpx;
      left: 12.5rpx;
    }
  }

  .text {
    width: 132rpx;
    height: 30rpx;
    font-family: HYXiuYingJ;
    font-weight: 400;
    font-size: 31rpx;
    color: #036eb8;
    position: absolute;
    left: 93.75rpx;
    top: 33.33rpx;
  }

  .eng {
    width: 132rpx;
    height: 10rpx;
    position: absolute;
    top: 20.14rpx;
    left: 85.67rpx;
    font-family: FZPangWa-M18S;
    font-weight: 400;
    font-size: 13rpx;
    color: #036eb8;
    // 禁止换行
    white-space: nowrap;
    transform: scale(0.9);
    text-align: left;
  }

  .app-name {
    width: 200rpx;
    height: 47rpx;
    font-family: HYXiaoMaiTiJ;
    font-weight: 600;
    font-size: 49rpx;
    color: #ea777f;
    text-align: center;
    position: absolute;
    top: 71.53rpx;
    left: 272.92rpx;
  }
}
</style>
